import ScrollbarXY from "./components/scroll";

function App() {
  return (
    <div className="flex items-center justify-center h-screen">
      <ScrollbarXY className="w-100 h-100">
        <div className="w-200">
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nobis eius
            quidem aspernatur illum unde! Reiciendis, est, odio odit molestiae
            error consequatur soluta quo deleniti hic assumenda totam
            consectetur earum, maxime tempore dolor possimus blanditiis natus
            at. Repudiandae consectetur provident quam officia rem eveniet est,
            doloremque aperiam porro repellendus ab sint omnis dignissimos
            repellat. Molestias facilis impedit assumenda, vitae voluptate
            dolorem aliquid ratione facere quod nesciunt, perspiciatis iste
            distinctio eius, placeat blanditiis cupiditate officia dolorum
            velit! Nam earum ipsum commodi, eveniet aperiam quasi expedita
            corporis minima? Mollitia blanditiis, dolorem corporis ex debitis,
            ad, omnis reprehenderit minima dolore maxime hic enim saepe minus
            similique dicta nobis tempore. Vitae consequuntur quae atque? Id
            repudiandae cumque temporibus, nemo esse aperiam sed unde
            reprehenderit possimus, placeat, necessitatibus suscipit repellat
            hic praesentium iusto animi? Dignissimos consequatur in eos amet
            incidunt aut voluptas, recusandae, fuga corrupti, impedit
            reprehenderit harum perspiciatis possimus nemo eaque quae dicta
            quisquam vel minus ea hic error exercitationem reiciendis odit!
            Alias cupiditate tempora maiores enim quo reiciendis quas nemo
            perspiciatis fugit, mollitia dolore aspernatur libero vel quod
            deleniti porro beatae tempore ea. Ex odit corporis, at est unde sint
            doloribus aperiam repellat exercitationem repellendus expedita
            nesciunt esse ipsa veritatis aspernatur. Ex, corporis dolores!
          </p>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nobis eius
            quidem aspernatur illum unde! Reiciendis, est, odio odit molestiae
            error consequatur soluta quo deleniti hic assumenda totam
            consectetur earum, maxime tempore dolor possimus blanditiis natus
            at. Repudiandae consectetur provident quam officia rem eveniet est,
            doloremque aperiam porro repellendus ab sint omnis dignissimos
            repellat. Molestias facilis impedit assumenda, vitae voluptate
            dolorem aliquid ratione facere quod nesciunt, perspiciatis iste
            distinctio eius, placeat blanditiis cupiditate officia dolorum
            velit! Nam earum ipsum commodi, eveniet aperiam quasi expedita
            corporis minima? Mollitia blanditiis, dolorem corporis ex debitis,
            ad, omnis reprehenderit minima dolore maxime hic enim saepe minus
            similique dicta nobis tempore. Vitae consequuntur quae atque? Id
            repudiandae cumque temporibus, nemo esse aperiam sed unde
            reprehenderit possimus, placeat, necessitatibus suscipit repellat
            hic praesentium iusto animi? Dignissimos consequatur in eos amet
            incidunt aut voluptas, recusandae, fuga corrupti, impedit
            reprehenderit harum perspiciatis possimus nemo eaque quae dicta
            quisquam vel minus ea hic error exercitationem reiciendis odit!
            Alias cupiditate tempora maiores enim quo reiciendis quas nemo
            perspiciatis fugit, mollitia dolore aspernatur libero vel quod
            deleniti porro beatae tempore ea. Ex odit corporis, at est unde sint
            doloribus aperiam repellat exercitationem repellendus expedita
            nesciunt esse ipsa veritatis aspernatur. Ex, corporis dolores!
          </p>
        </div>
      </ScrollbarXY>
    </div>
  );
}

export default App;
